html{
    overflow: hidden;
    height: 100%;    
}

body {
	overflow: auto;
    height: 100%;
}

#main {
	height: 100%;
}

.banner {
	background-color: #ed1b24;
	width:100%;
}

.logo-screen {
	position:relative;
	background-color: #ed1b24;
	background-image: url("bg-new-series-splash.jpg");

    /* Set a specific height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: normal;
}

.scroll-btn {
	position:absolute;
    bottom:20px;
    right:20px;
}

.text-middle {
    display: block;
    margin-left: auto;
    margin-right: auto;
}